<!DOCTYPE html>
<html lan>
<head>
    <meta charseUTF>
    <meta namviewpo contenwidth=device-width, initial-scale=1>
    <title>文本属性</title>
</head>
<body>
    <div>
        <p class="textcolor">color：设置文本颜色。</p>
        <p class="textdirection">direction：设置文本方向。</p>
        <p class="text-letter">letter-spaction：设置字符间距。</p>
        <p class="text-line-height">line-height：设置行高。</p>
        <p class="text-align">text-align：对其元素中的文本。</p>
        <p class="decoration">text-decoration：向文本添加修饰。</p>
        <p class="text-indent">text-indent：缩进元素中文本的首行。</p>
        <p class="shadow">text-shadow：设置文本阴影。</p>
        <p class="transform">text-transform：控制元素中的字母。</p>
        <p>unicode-bidi：设置或返回文本中是否被重写。</p>
        <p class="vertical">vertical-align：设置元素的垂直对齐。</p>
        <p>white-space：设置元素中空白的处理方式。</p>
        <p class="spacing">word-spacing：设置字间距。</p>
    </div>
    <style>
        p{
            color: rgb(131, 191, 235);
        }
        .textcolor{
            color: red;
        }
        .textdirection{
            direction: ltr;
        }
        .text-letter{
            letter-spacing: 10px;
        }
        .text-line-height{
            line-height: 40px;
        }
        .text-align{
            text-align: center;
        }
        .decoration{
            text-decoration: blink;
        }
        .text-indent{
            text-indent:32px;
        }
        .shadow{
            text-shadow: 3px 3px 2px red;   /* 水平方向的阴影  垂直方向的阴影  阴影的模糊距离  颜色 */
        }
        .transform{
            text-transform: capitalize;
        }
        .vertical{
            vertical-align: sub;
        }
    </style>
</body>
</html>